<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/ls.css"/>
</head>
<body>
<section flex="dir:top cross:center" id="n1">
    <span>Singles Chart UK Top 100</span>
    <p>17th January 2015</p>
    <img src="../image/menu.png"/>
</section>
<section id="n2" flex="main:center cross:center">
    <img src="../image/shuiji.png"/>
    <div>
        <img src="../image/txk.png"/>
        <img src="../image/tx.png"/>
        <img src="../image/bf.png"/>
    </div>
    <img src="../image/xunhuan.png"/>
</section>
<section id="n3">
    <div flex="main:center cross:center">
        <div></div>
    </div>
    <div class="lb" flex="cross:center">
        <div flex-box="1"><img src="../image/bf2.png"/></div>
        <span flex-box="1">1</span>
        <div class="gq" flex="dir:top " flex-box="1">
            <p>All about that bass</p>
            <span>Meghan Trainor</span>
        </div>
        <span flex="main:right" flex-box="1">5:27</span>
    </div>
    <div class="lb" flex="cross:center">
        <div flex-box="1"><img src="../image/bf2.png"/></div>
        <span flex-box="1">2</span>
        <div class="gq" flex="dir:top " flex-box="1">
            <p>UP</p>
            <span>Olly Murfs ft Demi Lovato</span>
        </div>
        <span flex="main:right" flex-box="1">3:44</span>
    </div>
    <div class="lb" flex="cross:center">
        <div flex-box="1"><img src="../image/bf2.png"/></div>
        <span flex-box="1">3</span>
        <div class="gq" flex="dir:top " flex-box="1">
            <p>Like I can</p>
            <span>Sam Smith</span>
        </div>
        <span flex="main:right" flex-box="1">3:31</span>
    </div>
    <div class="lb" flex="cross:center">
        <div flex-box="1"><img src="../image/bf2.png"/></div>
        <span flex-box="1">4</span>
        <div class="gq" flex="dir:top " flex-box="1">
            <p>Take me to church</p>
            <span>HOZIER</span>
        </div>
        <span flex="main:right" flex-box="1">3:31</span>
    </div>
    <div class="lb" flex="cross:center">
        <div flex-box="1"><img src="../image/bf2.png"/></div>
        <span flex-box="1">5</span>
        <div class="gq" flex="dir:top " flex-box="1">
            <p>Blank Space</p>
            <span>Taylor Swift</span>
        </div>
        <span flex="main:right" flex-box="1">5:23</span>
    </div>
</section>

</body>
</html>